<template>
    <div class="triangle">
        <div class="new-img">
            <img src="../../assets/indexImg/main_btm_btn1.png"/>
        </div>
        <div class="new-img">
            <img src="../../assets/indexImg/main_btm_btn2.png"/>
        </div>
    </div>
</template>

<script>
    export default {
        name: "triangle"
    }
</script>

<style scoped lang="less">
    .triangle {
        position: absolute;
        cursor: pointer;
        left: 46%;
        bottom: -15px;
        height: 50px;
        width: 154px;
        z-index: 12;
        .triangle-inner {
            height: 10px;
        }
        .new-img {
            position: absolute;
            height: 40px;
            img {
                height: 100%;
                width: 100%;
            }
        }
    }
</style>